پیغام مدیر :
با سلام خدمت شما بازديدكننده گرامي ، خوش آمدید به سایت من . لطفا براي هرچه بهتر شدن مطالب اين وب سایت ، ما را از نظرات و پيشنهادات خود آگاه سازيد و به ما را در بهتر شدن كيفيت مطالب ياري کنید.
تبلیغات
.
PaidVerts



ساخت شماره تماس فیلیپین برای شما در تمامی شبکات اجتماعی

کاملا قانونی- با پشتیبانی 24ساعته به مدت3ماه

3,000 تومان

ساخت شماره تماس آمریکا برای شما در تمامی شبکات اجتماعی

کاملا قانونی- با پشتیبانی 24ساعته به مدت3ماه

4,000 تومان

ساخت ربات اختصاصی تلگرام برای شما

+پشتیبانی روزانه تا 1ماه

1,000 تومان

صفحه قبل 1 2 صفحه بعد

بهینه سازی نسخه چاپ در CSS3
نوشته شده در دو شنبه 19 آبان 1393
بازدید : 1368
نویسنده : alinn

بهینه سازی نسخه چاپ در CSS3

 

 

 

 

تا به حال برای خیلی از افراد hفاق افتاده که بخواهند صفحه ای را از سایتی چاپ کنند ولی وقتی که نسخه چاپی صفحه را مشاهده می کنند به آن خوبی و واضحی که در صفحه نمایش می بینند نیست.

در این مطلب آموزشی ما قصد داریم تا به شما آموزش دهیم تا چطور با استفاده از CSS3 نسخه چاپی وب سایت خود را گسترش دهید.

 

روش کار

 

1- تعریف چاپگر به جای نمایشگر به عنوان خروجی

محل نوشتن تنظیمات مربوط به چاپ را با استفاده از دستور media مشخص می کنیم:
 
    @media print { 
 }
 
2- حذف رنگ های اضافه
 
بسیاری از مرورگرها به صورت پیش فرض در زمان چاپ رنگ ها را مدیریت (معکوس) می کنند تا در مصرف تونر یا کارتریج پرینتر صرفه جویی شود. اما برای داشتن بهترین خروجی، بهتر است رنگ ها به صورت مجزا برای چاپ تعریف شوند.
 
   @media print {
    body {
    color: #000;
    background: #fff;
    }
    }
 
3- حذف اجزای اضافه در زمان چاپ
 
در یک صفحه سایت قسمت هایی وجود دارد که برای نمایشگر طراحی شده اند. مواردی مانند تبلیغات، منوی سایت، تصاویر زمینه و ... با توجه به نیاز بهتر است در زمان چاپ حذف شوند. 
دستورات display: none و background: none انتخاب های مناسبی برای حذف این موارد از نسخه چاپی هستند.
    /* Default styles */
     
    h1 {
    color: #fff;
    background: url("/banner.jpg");
    }
     
    @media print {
    h1 {
    color: #000;
    background: none;
    }
     
    nav, aside {
    display: none;
    }
    }
 
4- واحدهای اندازه گیری در چاپ
 
ادامه ی مطلب

:: موضوعات مرتبط: وب , ساخت وبلاگ , ,
:: برچسب‌ها: درست کردن نسخه چاپی با CSS , مقالات CSS , نکته های CSS3 , چاپ بهتر صفحات وب ,



صفحه قبل 1 2 3 4 5 ... 22 صفحه بعد